<template>
  <el-card>
    <el-input
      v-model="input"
      placeholder="请输入书名"
      size="large"
      :prefix-icon="Search"
      class="inputSearch"
    />
    <el-button type="primary" class="buttonSearch" size="large">搜索</el-button>
  </el-card>
</template>

<script lang="ts">
export default {
  name: 'BookSearch',
}
</script>

<script lang="ts" setup>
import { ref } from 'vue'
import { Search } from '@element-plus/icons-vue'
const input = ref('')
</script>

<style scoped>
.inputSearch {
  width: 240px;
}
.buttonSearch {
  margin-left: 30px;
  margin-top: -6px;
}
</style>
